.creditshop-index-page .fui-content {background: #f3f3f3;}
.creditshop-index-page .swipe {height: 7.5rem; background: #f01}
.creditshop-index-page .menu {height: auto; background: #fff;}
.creditshop-index-page .menu .item {height: auto; width: 50%; padding: 0.5rem 0; margin: 0; font-size: 0.65rem; color: #636363; text-align: center; display: table-cell;float: left;}
.creditshop-index-page .menu .item i {font-size: 0.65rem;}

.creditshop-index-page .fui-line .text span {line-height: 1rem; position: relative;}
.creditshop-index-page .fui-line .text span i{height: 0.8rem; width: 0.8rem; position: absolute; top: 0rem; left: -1rem; border: 1px solid #C2C2C2; padding: 0.2rem; font-size: 0.4rem; border-radius: 0.5rem; color: #C2C2C2; text-align: center;}

.creditshop-index-page .fui-goods-group {background: #fff;}

.creditshop-index-page .fui-goods-group.border {padding: 0; height: auto; overflow: hidden; position: relative;}
.creditshop-index-page .fui-goods-group.border:before {content: ""; height: 0px; width: 100%; background: #eee; position: absolute; top: 0; left: 0;}
.creditshop-index-page .fui-goods-group.border .fui-goods-item {position: relative; padding: 0.5rem;}
.creditshop-index-page .fui-goods-group.border .fui-goods-item:before {content: ""; height: 100%; width: 1px; background: #eee; position: absolute; bottom: 0; right: 0;}
.creditshop-index-page .fui-goods-group.border .fui-goods-item:after {content: ""; height: 1px; width: 100%; background: #eee; position: absolute; bottom: 0; left: 0;}
.creditshop-index-page .fui-goods-group .fui-goods-item .detail {background: none;}

.creditshop-index-page .fui-goods-group .fui-goods-item .detail .buy {border-radius: 0.3rem;}
.creditshop-index-page .fui-goods-group .fui-goods-item .detail .buy-1 {background: #f90;}

.creditshop-index-page .fui-showbox {height: 10rem; background: #fff; display: -webkit-box;  display: -webkit-flex;  display: flex;}
.creditshop-index-page .fui-showbox .left {padding: 0.5rem; flex: 1; position: relative; width: 9rem; overflow: hidden}
.creditshop-index-page .fui-showbox .left .title {font-size: 0.7rem; height: 1rem;  overflow: hidden; color: #444;}
.creditshop-index-page .fui-showbox .left .image {height: 6.0rem; width: 6.0rem; text-align: center; padding: 0.5rem;}
.creditshop-index-page .fui-showbox .left .image img {width: 100%; height: 100%; display: inline-block;}
.creditshop-index-page .fui-showbox .left .price {height: 1.5rem;}
.creditshop-index-page .fui-showbox .left:before {content: ""; width: 1px; height: 100%; background: #eee; position: absolute; right: 0; top: 0;}
.creditshop-index-page .fui-showbox .right {flex: 1.7;}
.creditshop-index-page .fui-showbox .right .item {height: 5rem; padding: 0.5rem; position: relative; display: -webkit-box; display: -webkit-flex; display: flex;}
.creditshop-index-page .fui-showbox .right .item:before {content: ""; width: 100%; height: 1px; background: #eee; position: absolute; top: 0; left: 0;}
.creditshop-index-page .fui-showbox .right .item:first-child:before {height: 0px;} 
.creditshop-index-page .fui-showbox .right .item .image {height: 4rem; width: 4rem; float: right; margin-left: 0.2rem; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -webkit-flex-shrink: 0; flex-shrink: 0; -webkit-box-lines: single; -moz-box-lines: single; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; box-sizing: border-box; -webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.creditshop-index-page .fui-showbox .right .item .image img {height: 100%; width: 100%;}
.creditshop-index-page .fui-showbox .right .item .info {height: 4rem; width: 100%; overflow: hidden; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 1; -ms-flex: 1; display: block;}
.creditshop-index-page .fui-showbox .right .item .info .title {height: 2rem; font-size: 0.7rem; line-height: 1rem; word-break: break-all; word-wrap:break-word; overflow: hidden; color: #444;}
.creditshop-index-page .fui-showbox .right .item .info .price {height: 2rem;}
.creditshop-index-page .fui-showbox .left .price,
.creditshop-index-page .fui-showbox .right .item .info .price {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 0.7rem;}
.creditshop-index-page .fui-showbox .left .price .text,
.creditshop-index-page .fui-showbox .right .item .info .price .text {-webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; color: #ed2822; }
.creditshop-index-page .fui-showbox .left .price .buy,
.creditshop-index-page .fui-showbox .right .item .info .price .buy {display:block; text-align: center; line-height: 1rem;  color: #fff; font-size: 0.6rem; background: #fe5455;  border-radius: 0.3rem;  display: block; font-size: 0.6rem; padding:0 .25rem;}
.creditshop-index-page .fui-showbox .left,
.creditshop-index-page .fui-showbox .right .item,
.creditshop-index-page .fui-goods-group .fui-goods-item {transition:background-color 300ms; -webkit-transition: background-color 300ms;}
.creditshop-index-page .fui-showbox .left:active,
.creditshop-index-page .fui-showbox .right .item:active,
.creditshop-index-page .menu .item:active,
.creditshop-index-page .fui-goods-group .fui-goods-item:active {background: #ececec;}
.creditshop-index-page .fui-icon-group {margin-top: 0.8rem;}
.creditshop-index-page .loadmore {line-height: 2.5rem; text-align: center; font-size: 0.8rem;}
.creditshop-index-page .fui-searchbar {position: relative;}

.creditshop-detail-page {background: #f4f4f4;}
.creditshop-detail-page .image {height: auto; overflow: hidden;}
.creditshop-detail-page .image img {height: auto; width: 100%; display: block;}
.creditshop-detail-page .fui-navbar {height: 2.6rem; background: #fff; padding: 0.3rem; box-shadow: none;}
.creditshop-detail-page .fui-navbar .btn {width: 100%; height: 2rem; margin: 0; line-height: 1.9rem;}
.creditshop-detail-page .nomargin,
.creditshop-creditlog-page .nomargin {margin: 0;}
.creditshop-detail-page .noactive:active {background: none;}
.creditshop-detail-page .noborder:before,
.creditshop-creditlog-page .noborder:before {border: 0;}

.creditshop-detail-page .btn-disabled {background: #ddd; color: #bbb; border: 1px solid #ddd;}
.creditshop-detail-page .info_timestate {font-size: 0.7rem;}

.creditshop-detail-page .fui-list-group .fui-list .subtitle {color: #7c7c7c; font-size: 0.65rem; line-height: 1.2rem;}
.creditshop-detail-page .fui-cell-group .fui-cell .fui-cell-text {color: #7c7c7c; font-size: 0.6rem;}
.creditshop-detail-page .fui-list-group .fui-list-media {width: auto;  margin: 0; display: block; text-align: right;}
.creditshop-detail-page .fui-list-group .fui-list-media p {padding: 0; margin: 0; height: 1rem;}
.creditshop-detail-page .fui-list-group .fui-list-media .credit {font-size: 0.8rem;}
.creditshop-detail-page .fui-list-group .fui-list-media .money {font-size: 0.7rem; color: #7c7c7c; text-decoration: line-through;}

.creditshop-detail-page .fui-cell-group .fui-cell.info {display: block;}
.creditshop-detail-page .fui-cell-group .info-title {color: #000;}
.creditshop-detail-page .fui-cell-group .info-text {color: #7c7c7c; font-size: 0.7rem;}
.creditshop-detail-page .fui-cell-group .info-text img {max-width: 100%;}
.creditshop-detail-page .fui-content .back{position: absolute;top: 0.5rem;left: 0.5rem;height: 1.75rem;width: 1.75rem;background: rgba(0,0,0,0.3);border-radius: 1rem;color:#fff;text-align: center}
.creditshop-detail-page .fui-content .back i{font-size: 1.5rem;line-height: 1.75rem;}

.creditshop-pop.verify-pop {position:absolute; z-index:10002; top:0;bottom:0;width:100%;display:none;}
.creditshop-pop.verify-pop .close { color:#fff;position:absolute;top:10px;right:10px;}
.creditshop-pop.verify-pop img { width:250px;height:250px; position:absolute; top:100px; left:50%;margin-left:-125px;}
.creditshop-pop.verify-pop .text {position:absolute;width:250px; top: 360px; color:#fff; color:#fff; font-size:16px;left:50%;margin-left:-125px;text-align:center;}
.creditshop-pop.verify-pop .btn {position:absolute;padding:5px;width:220px; left:50%;margin-left:-110px; top: 420px;   height:30px;  background:#f49c06; border-radius:4px; text-align:center; font-size:14px; line-height:30px; color:#fff;}
.creditshop-pop.verify-pop .title {position:absolute;width:250px; top: 100px; color:#f49c06; ;left:50%;margin-left:-125px;text-align: center;font-size:32px;}
.creditshop-pop.verify-pop .code {position:absolute; top: 200px;width:100%;color:#fff;text-align: center;font-size:34px;}
.creditshop-pop.verify-pop .tip{position:absolute;width:250px; top: 300px; color:#fff;  font-size:16px;left:50%;margin-left:-125px;text-align: center;}
.creditshop-pop.verify-pop .icon {font-size: 2rem;}
.creditshop-pop.verify-pop .btn {height: auto; font-size: 0.8rem;}
     
.creditshop-creditlog-page .fui-content {background: #fff;}
.creditshop-creditlog-page .fui-list-group .fui-list .fui-list-inner .title {font-size: 0.8rem; color: #555;}
.creditshop-creditlog-page .fui-list-group .fui-list .fui-list-inner .subtitle {color: #666;}
.creditshop-creditlog-page .fui-message {position: relative;}

.order-weixinpay-hidden {
    position: absolute;width:100%;height:100%;
    top:0;left:0;
    background:rgba(255,255,255,1);
}

.order-weixinpay-hidden .tip {
    font-size:0.7rem;
    color:#333;
}
.creditshop-log-list-a{background: #fff;display: block;}
.creditshop-log-header{}
.creditshop-log-header .fui-list-media{}
.creditshop-log-header .fui-list-inner{}
.credit-log-list-title{}
.fui-list-mid .price{font-size:0.6rem;}
.fui-list-bottom{font-size:0.6rem;}
.fui-list-bottom .fui-list-media{color:#666;}

.fui-list-bot-inner{text-align: right;}
.fui-list-bot-inner a{margin:0;}



.creditshop-creditlog-page .fui-list .fui-list-media {
    width: 2.5rem;
    height: 2.5rem;
}

.creditshop-creditlog-page .fui-list .fui-list-media .title.warning {
    background: rgba(255, 153, 0,0.8);
    height: 0.9rem;
    line-height: 0.9rem;
    padding: 0;
    font-size: 0.6rem
}

.creditshop-creditlog-page .fui-list .fui-list-media .title.danger {
    background: rgba(239, 79, 79,0.8);
    height: 0.9rem;
    line-height: 0.9rem;
    padding: 0;
    font-size: 0.6rem
}

.creditshop-creditlog-page .fui-list-angle {
    width: 6rem;
    text-align: right;
}

.creditshop-creditlog-page .fui-list-angle p {
    font-size: 0.65rem
}

.creditshop-creditlog-page .fui-list-angle p.text-danger2 {
    background: none;
    font-size: 0.75rem;
}















